<template>
	<view class="Container">
		 <up-navbar
		            title="我的点赞"
		            :autoBack="true"
					bg-color="#00757f"
					title-color="white" 
					left-icon-color="white"
		        >
		        </up-navbar>

    <view class="box">
		<view class="likes-box">
			Node Version Manager Desktop
			<view class="author">
				作者：xxx
			</view>
		</view>
		<view class="likes-box">
			盒子右上角的斜条小提示
			<view class="author">
				作者：yyy
			</view>
		</view>
		<view class="likes-box">
			nuxt框架中使用富文本编辑器遇到的堆栈溢出等问题
			<view class="author">
				作者：hhh
			</view>
		</view>
		<view class="likes-box">
			vue3项目全局安装vite-plugin-svg-icons
			<view class="author">
				作者：kkkk
			</view>
		</view>
	</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.Container {
		height: 100vh;
		background-color: whitesmoke;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 3px;
		font-size: 15px;
		font-family: 思源宋体;
	}

  .box {
	  		margin-top: 63px;
			margin-bottom: 300px;
  }
	.likes-box {
		background-color: white;
		padding: 12px;
		width: 90%;
		border-radius: 3px;
		margin-top: 3px;
	}

	.two {
		background-color: white;
		padding: 12px;
		width: 90%;
		border-radius: 3px;
	}

	.three {
		background-color: white;
		padding: 12px;
		width: 90%;
		border-radius: 3px;
	}

	.four {
		background-color: white;
		padding: 12px;
		width: 90%;
		border-radius: 3px;
	}

	.author {
		color: darkgray;
		height: 20px;
		margin-top: 10px;
	}
</style>